<template>
  <div class="goodsDetails">
    <NavBer :navtitle="navtitle"></NavBer>
    <van-swipe :autoplay="3000" indicator-color="white">
        <van-swipe-item  v-for="(item, index) in picUrl" :key="index">
            <img class="banner" src="../../assets/Bitmap.png"/>
        </van-swipe-item>
    </van-swipe>
    <div class="products">
        <p class="products-font">圣牧有机酸牛奶205g*12</p>
        <div class="products-size">
            <p class="">
                ￥
                <span>5</span>
                .00
            </p>
            <p>1提起步</p>
        </div>
        <p>
            库存20076盒
            <span>月销656盒</span>
            <span>1提=12盒</span>
        </p>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe).use(SwipeItem);
import { Lazyload } from 'vant';
Vue.use(Lazyload);
import NavBer from "@/components/NavBer.vue";
import api from "../../utils/api";
import axios from "axios";
import store from "../../store";
import qs from "qs";
export default {
  name: "goodsDetails",
  components: {
    NavBer
  },
  data() {
    return {
      navtitle: "商品详情",
      picUrl:[
          '../../assets/Bitmap.png',
          '../../assets/Bitmap.png'
      ]
    };
  },
  mounted() {}
};
</script>

<style lang="scss" scoped>
    .banner{
        width: 100%;
        height: 3.75rem;
    }
    .products-font{
        
    }
</style>